<!doctype html>
<html ng-app="techNodeApp">
<head>
    <meta charset="UTF-8">
    <title>TechNode</title>
    <link rel="stylesheet" href="/components/bootstrap/dist/css/bootstrap.css">
    <script type="text/javascript" src="/socket.io/socket.io.js"></script>
    <script type="text/javascript" src="/components/jquery/dist/jquery.js"></script>
    <script type="text/javascript" src="/components/bootstrap/dist/js/bootstrap.js"></script>
    <script type="text/javascript" src="/components/angular/angular.js"></script>
</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">TechNode</a>
            </div>
        </div>
    </div>
    <div class="container" style="margin-top:100px;">
        <div class="col-md-12">
            <div class="panel panel-default room" ng-controller="RoomCtrl">
                <div class="panel-heading room-header">TechNode</div>
                <div class="panel-body room-content">
                    <div class="list-group messages" auto-scroll-to-bottom>
                        <div class="list-group-item message" ng-repeat="message in messages track by $index">
                            某某: {{message}}
                        </div>
                    </div>
                    <form class="message-creator" ng-controller="MessageCreatorCtrl">
                        <div class="form-group">
                            <textarea required class="form-control message-input" ng-model="newMessage" ctrl-enter-break-line="createMessage()" placeholder="Ctrl+Enter to quick send"></textarea>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript" src="/technode.js"></script>
</body>
</html>